<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img id="h1" src="E:\JavaWeb\JS\off.png"> <br><br>

    <div class="class">IT教育</div> <br>
    <div class="class">我爱编程</div> <br>

    <input type="checkbox" name="hobby"> 电影
    <input type="checkbox" name="hobby"> 旅游
    <input type="checkbox" name="hobby"> 游戏
</body>

<script>
    // 1.获取Element元素
    // 1.1获取元素，根据ID获取
    // var img = document.getElementById('h1');
    // alert(img);

    // 1.2获取元素，根据标签获取-div
    // var divs = document.getElementsByTagName('div');
    // for(let i = 0; i < divs.length; i++){
    //     alert(divs[i]);
    // }

    // 1.3获取元素，根据类名获取
    // var classs = document.getElementsByClassName('class');
    // for(let i = 0; i < classs.length; i++){
    //     alert(classs[i]);
    // }

    // 1.4获取元素，根据name属性获取
    // var ins = document.getElementsByName('hobby');
    // for(let i = 0; i < ins.length; i++){
    //     alert(ins[i]);
    // }

    //查询参考手册，属性、方法
    // var divs = document.getElementsByClassName('class');
    // var div1 = divs[0];
    // div1.innerHTML = 'hello world';
</script>
</html>